<cfparam name="Workshop_ID" type="integer" />

<cfscript>
	workshopGateway = new assets.calgrants.com.gateway.WorkshopGateway();
	workshop = workshopGateway.get(Workshop_ID = Workshop_ID);
</cfscript>

<cfif workshop.getWorkshop_ID() gt 0>

	<cfscript>
		siteGateway = new assets.calgrants.com.gateway.SiteGateway();
		site = siteGateway.get(Site_ID = workshop.getSite_ID());
	</cfscript>
	
	<style type="text/css">
		.screenshot {
			width: 345px;
			height: 191px;
			margin-left: 16px;
			margin-bottom: 16px;
		}
		.printable {
			max-width: 800px;
			margin-top: 20px;
			margin-left: 20px;
		}
		h1, h2, h3, h4, h5 {
			color: black;
		}
	</style>

	<cfoutput>
	
		<div class="printable">
		
			<img src="http://www.calgrants.org/common/images/Cash_for_College_logo.gif" alt="Cash for College" style="margin-bottom: 20px;">
		
			<h2>Workshop Wrapper Setup Instructions</h2>
			
			<div class="clearfix">
				
				<p>Print these instructions from your account at www.calgrants.org/organizers and provide them to workshop volunteers to set up the wrapper on your workshop computers.</p>
			
			</div>
			
			<h4>Workshop &amp; Wrapper Code</h4>
			
			<div class="clearfix">
			
				<p>#site.getSite()#<br />
				#DateFormat(workshop.getWorkshop_Date(), "dddd, mmmm d, yyyy")# #TimeFormat(workshop.getStart_Time(), "h:mmtt")#-#TimeFormat(workshop.getEnd_Time(), "h:mmtt")#</p>
				
				<p><strong>Wrapper Code: #workshop.getEvaluation_Code()#</strong></p>

			</div>
		
			<h4>Wrapper Requirements</h4>
			
			<div class="clearfix">
			
				<ul>
					<li>An internet-connected PC with a modern web browser, preferably a Windows PC with a recent version of Firefox or Chrome. If Internet Explorer is used, conditions may not be ideal for completion of the FAFSA. If tablets are used, Chrome (Windows and Android) or Safari (iPad) is recommended.</li>
					
					<li>Internet access and browers pop-up permission to the following websites:</li>
					<ul>
						<li>calgrants.org</li>
						<li>fafsa.ed.gov</li>
						<li>dream.csac.ca.gov</li>
						<li>caldreamact.org</li>
						<li>www.chafee.csac.ca.gov</li>
						<li>www.csac.ca.gov</li>
					</ul>
				</ul>
				
				<p><strong>Please work with IT staff at your site to ensure that you are able to login to the workstations, and that scheduled maintenance does not conflict with your workshop time.</strong></p>

				<p>Note: Exit Surveys are to be completed at the time of the workshop. Do not post the wrapper code in plain view at the workshop.</p>
				
			</div>
			
			<hr size="1" />
			
			<h3>Launch the Cash for College Workshop Wrapper</h3>
			
			<hr size="1" />
	
			<h4>Step 1</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen1.1_720.png" class="img-polaroid screenshot" align="right" />Print these instructions and go a workshop workstation.  Open a browser (preferably Chrome, Firefox or Safari) and go to the Wrapper at <a href="https://www.calgrants.org/wrapper">https://www.calgrants.org/wrapper</a>.</p>
	
			</div>
	
			<hr size="1" />
	
			<h4>Step 2</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen1.2_720.png" class="img-polaroid screenshot" align="right" />On the Cash for College Workshop Wrapper page, press F11 on your keyboard (maximize browser window on Mac) to enter full screen mode, select Live or Practice mode and enter the Wrapper Code (#workshop.getEvaluation_Code()#) for your workshop. Click <strong>Next</strong>.</p>
			
			</div>
	
			<hr size="1" />
	
			<h4>Step 3</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen1.3_720.png" class="img-polaroid screenshot" align="right" />Confirm that you have launched the correct workshop and if so, click <strong>Confirm</strong>.<br /><br />
				If the workshop information presented does not match your workshop click <strong>Start Over</strong> and enter the correct Wrapper Code.</p>
	
			</div>
	
			<hr size="1" />
	
			<h4>Step 4</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen1.4_720.png" class="img-polaroid screenshot" align="right" />The Wrapper will launch and is ready for workshop participants.</p>
				
			</div>
			
			<hr size="1" />
		
			<h3>Monitor Exit Survey Completion</h3>
			
			<hr size="1" />
	
			<h4>Step 1</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen2.1_720.png" class="img-polaroid screenshot" align="right" />To monitor exit survey completion login to the Cash for College Workshop Management System at <a href="https://www.calgrants.org/organizers">https://www.calgrants.org/organizers</a> with your e-mail address and password.</p>
				
			</div>
	
			<hr size="1" />
		
			<h4>Step 2</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen2.2_720.png" class="img-polaroid screenshot" align="right" />Select the <strong>Launch Workshops</strong> link under the <strong>Deliver</strong> menu at the top of the Workshop Management System.</p>
		
			</div>
		
			<hr size="1" />
		
			<h4>Step 3</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen2.3_720.png" class="img-polaroid screenshot" align="right" />Scroll down the Launch Workshops page and find your workshop.  Click the <strong>Select</strong> button next to your workshop and select <strong>Launch Checkout Station</strong> from the menu.</p>
		
			</div>
		
			<hr size="1" />
		
			<h4>Step 4</h4>
			
			<div class="clearfix">
			
				<p><img src="#request.pathToApplication#/common/images/screenshots/wrapper-instructions/screen2.4_720.png" class="img-polaroid screenshot" align="right" />Participants who have finished the exit survey will appear in a list.  Be sure to refresh the list by clicking the <strong>Refresh</strong> button at the bottom of the page.</p>
		
			</div>
	
		</div>
	
	</cfoutput>

<cfelse>

	<div class="alert alert-info notFound">Workshop not found</div>

</cfif>

	



